//数据解析函数
function dataFn(id,type){ // type:1-->加引号 type:2-->不加引号
    var idData = [];
    var aa = id.split(',');
    aa.forEach(function(data1,index1,arr1){
        if(type == 1){
            idData.push(data1);
        }else{
            idData.push(+data1);
        }
    });
    return idData;
}
// 盈亏图
function YKprofit(id,YK_finalData,YK_setProfile,YK_setLoss,YK_time,week){
    var myYKChart = echarts.init(document.getElementById(id));
    option = {
        title: {
            text: '',
            subtext: null,
            textStyle: {
                color: '#cbdde9',
                fontSize: 12
            }
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        legend: {
            left: 80,
            top: '15%',
            data: [{
                name: '盈亏',
                // 强制设置图形为长方形。
                icon: 'rect',
                // 设置文本为白色
                textStyle: {
                    color: '#cbdde9'
                }
            },{
                name: '止盈',
                icon: 'rect',
                textStyle: {
                    color: '#cbdde9'
                }
            },{
                name: '止损',
                icon: 'rect',
                textStyle: {
                    color: '#cbdde9'
                }
            }]
        },
        grid: {
            left: '3%',
            right: '6%',
            bottom: '8%',
            containLabel: true
        },
        yAxis: {
            type: 'value',
            axisTick: {
                show: false
            },
            splitLine:{ //去除网格线
                show: false
            },
            axisLine: { // 取消坐标轴的线
                show: false
            },
            axisLabel: {
                textStyle: {
                    color: '#cbdde9'
                }
            },
            boundaryGap: [0, 0.1]
        },
        xAxis: {
            type: 'category',
            splitLine:{ //去除网格线
                show: false
            },
            axisLine:{
                lineStyle: {
                    color: '#474b6d'
                }
            },
            axisLabel: {
                textStyle: {
                    color: '#cbdde9'
                }
            },
            data: YK_time
        },
        series: [
            {
                name: '盈亏',
                type: 'bar',
                barMaxWidth: 20,
                // label: {
                //     normal: {
                //         show: true,
                //         position: 'top', //数据显示在柱图顶部
                //         textStyle: {
                //             color: '#fff'
                //         },
                //         formatter: function(params) { // 只显示数据中的指定数据在柱形图顶部
                //             return params.data
                //         }
                //     }
                // },
                itemStyle: {
                    normal: {
                        color: function(params){
                            var colorList = [
                                '#f0be36'
                            ];
                            return colorList[0]
                        }
                    }
                },
                data: YK_finalData
            },{
                name: '止盈',
                type: 'bar',
                barMaxWidth: 20,
                // label: {
                //     normal: {
                //         show: true,
                //         position: 'top', //数据显示在柱图顶部
                //         textStyle: {
                //             color: '#fff'
                //         },
                //         formatter: function(params) { // 只显示数据中的指定数据在柱形图顶部
                //             return params.data
                //         }
                //     }
                // },
                itemStyle: {
                    normal: {
                        color: function(params){
                            var colorList = [
                                '#9c303c'
                            ];
                            return colorList[0]
                        }
                    }
                },
                data: YK_setProfile
            },{
                name: '止损',
                type: 'bar',
                barMaxWidth: 20,
                // label: {
                //     normal: {
                //         show: true,
                //         position: 'top', //数据显示在柱图顶部
                //         textStyle: {
                //             color: '#fff'
                //         },
                //         formatter: function(params) { // 只显示数据中的指定数据在柱形图顶部
                //             return params.data
                //         }
                //     }
                // },
                itemStyle: {
                    normal: {
                        color: function(params){
                            var colorList = [
                                '#0dff85'
                            ];
                            return colorList[0]
                        }
                    }
                },
                data: YK_setLoss
            }
        ]
    };
    myYKChart.setOption(option);
    myYKChart.resize({
        width: week // tab切换时,设置canvas宽度为父元素的宽度
    });

}
// 交易品种
//交易品种   饼形图
function drawChartB(id,datastr){
    var myChartPie = echarts.init(document.getElementById(id));
	option = {
	    title : {
	        text: '',
	        subtext: '',
	        x:'center',
            y:'center'
	    },
	    tooltip : {
	        trigger: 'item',
	        formatter: "{a} <br/>{b} : {c} ({d}%)"
	    },
	    series : [
	        {
	            name: '',
	            type: 'pie',
	            radius : '70%',
	            center: ['50%', '45%'],
	            data: datastr
	        }
	    ],
	    color: ['#F7A35C','#8FED7D','#434248','#7CB5EC','#8185E9','#F05D7F']
	};
     myChartPie.setOption(option);
}
// 下单时间分布  柱子: 这个时间范围内的 总单量  移入: 这个时间段的胜率
function timeFBreport(id,data,L_timeFBchart_w){
    var mytimeFBChart = echarts.init(document.getElementById(id))
    option = {
        title: {
            subtext : null
            // subtextStyle: { 标题样式
            //     color: 'red'
            // }
        },
        tooltip : {
            trigger: 'axis',
            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            },
            textStyle: { // 图例字体样式
                fontSize: 12
            },
            formatter: function (params) { // 鼠标悬浮在柱子上显示的提示文本
                var tar = params[0]; // 显示单量,盈亏点数,时间
                return '胜率: '+data[2][tar.dataIndex]+'%'+'<br/>'+'时间: '+data[1][tar.dataIndex]+'';
            }
        },
        grid: {
            left: '3%',
            right: '3%',
            bottom: '0%',
            top: "19%",
            containLabel: true
        },
        yAxis: {
            splitLine:{ //去除网格线
                show: false
            },
            axisLine: { //隐藏Y轴线
                show: false
            },
            axisTick : { //显示刻度线
                show: false
            },
            axisLabel: {
                textStyle: {
                    color: '#fff'
                }
            }
        },
        xAxis : {
            type : 'category',
            show: false, // 显示x轴
            axisTick : { //显示刻度线
                show: false
            },
            axisLabel: {
                interval: 0, // 隔0天显示一个x轴的刻度
                textStyle: {
                    color: '#fff'
                }
            },
            axisLine:{
                lineStyle: {
                    color: '#474b6d'
                }
            },
            boundaryGap : true,
            data : data[1]
        },
        series : {
            name:'盈亏',
            type:'bar',
            // barWidth : 30,//柱图宽度
            barMaxWidth:30,//柱子最大宽度
            label: {
                normal: {
                    show: true,
                    position: 'top', //数据显示在柱图顶部
                    textStyle: {
                        color: '#fff'
                    },
                    formatter: function(params) { // 只显示数据中的指定数据在柱形图顶部
                        return params.data
                    }
                }
            },
            itemStyle: {
                normal: {
                    color: function(params) {
                        var colorList = [
                            '#c43343','#0dff90'
                        ];
                        if(params.data < 0) { // 如果数据 < 0, 设置不同颜色
                            return colorList[1];
                        }
                        return colorList[0];
                    },
                    label: {
                        show: true,
                        position: 'top',
                        formatter: '{b}\n{c}'
                    }
                }
            },
            data:data[0]
        }
    };
    mytimeFBChart.setOption(option);
    // window.onresize = function () {
    //     mytimeFBChart.resize(); //使第一个图表适应
    // }
    mytimeFBChart.resize({
        width: L_timeFBchart_w
    });
}

// 点位区间分布图 柱子: 盈利单量+亏损单量  x轴: 收益点  移入: 盈利总盈点 和 亏损总盈点 的比例
function YSreport(id,dataYS,L_YSchart_w,L_YSchart_h){
    var myYSChart = echarts.init(document.getElementById(id))
    option = {
        title: {
            subtext : ''
            // subtextStyle: { 标题样式
            //     color: 'red'
            // }
        },
        legend: {
            right: 20,
            data: [{
                name: '',
                // 强制设置图形为长方形。
                icon: 'rect',
                // 设置文本为白色
                textStyle: {
                    color: '#fff'
                }
            },{
                name: '',
                icon: 'rect',
                textStyle: {
                    color: '#fff'
                }
            }]
        },
        tooltip : {
            trigger: 'axis',
            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            },
            textStyle: { // 图例字体样式
                fontSize: 12
            },
            formatter: function (params) { // 鼠标悬浮在柱子上显示的提示文本
                var tar = params[0]; // 显示单量,盈亏点数,时间
                var tar1 = params[1];
                return '总盈利单量: '+tar.data+''+'<br/>'+'总亏损单量: '+tar1.data+''+'<br/>'+'盈亏单量比: '+dataYS[2][tar.dataIndex];
            }
        },
        grid: {
            left: '3%',
            right: '3%',
            bottom: '5%',
            top: "20%",
            containLabel: true
        },
        yAxis: {
            splitLine:{ //去除网格线
                show: false
            },
            axisLine: { //隐藏Y轴线
                show: false
            },
            axisTick : { //显示刻度线
                show: false
            },
            axisLabel: {
                textStyle: {
                    color: '#fff'
                }
            }
        },
        xAxis : {
            type : 'category',
            show: false, // 显示x轴
            axisTick : { //显示刻度线
                show: false
            },
            axisLabel: {
                interval: 0, // 隔0天显示一个x轴的刻度
                textStyle: {
                    color: '#fff'
                }
            },
            axisLine:{
                lineStyle: {
                    color: '#474b6d'
                }
            },
            boundaryGap : true,
            data : ['0-10','10-20','20-30','30-40','40-50','50-60','60-70','70-80','80-90','90-100','100以上']
        },
        series: [{
            name: '总盈利单量',
            type: 'bar',
            barMaxWidth:30,//柱子最大宽度
            label: {
                normal: {
                    show: true,
                    position: 'top', //数据显示在柱图顶部 如果不设置: 鼠标移入的时候,数据会隐藏
                    textStyle: {
                        color: '#fff'
                    },
                    formatter: function(params) { // 只显示数据中的指定数据在柱形图顶部
                       if(params.data <= 0) {
                           return 1
                       }else{
                            return params.data
                       }
                    }
                }
            },
            itemStyle: {
                normal: {
                    color: '#c43343'
                }
            },
            data: dataYS[0]
        }, {
            name: '总亏损单量',
            type: 'bar',
            barMaxWidth:30,//柱子最大宽度
            label: {
                normal: {
                    show: true,
                    position: 'top', //数据显示在柱图顶部 如果不设置: 鼠标移入的时候,数据会隐藏
                    textStyle: {
                        color: '#fff'
                    },
                    formatter: function(params) { // 只显示数据中的指定数据在柱形图顶部
//                        if(params.data <= 0) {
//                            return ''
//                        }else{
                            return params.data
//                        }
                    }
                }
            },
            itemStyle: {
                normal: {
                    color: '#0dff90'
                }
            },
            data: dataYS[1]
        }]
    };
    myYSChart.setOption(option);
    myYSChart.resize({
        width: L_YSchart_w,
        height: L_YSchart_h
    })
}
